<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="author" content="xmy6364">
    <meta name="description" content="想要成为大佬">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

    <link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.5.0/styles/default.min.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.5.0/styles/github-gist.min.css">
    <link rel="stylesheet" href="/assets/lib/css/font-awesome.min.css">
    <link rel="stylesheet" href="/assets/css/layout.css" />
    <script defer src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
    <script defer src="/assets/js/copyCode.js"></script>
    <script defer src="/assets/js/backTop.js"></script>
    <script defer src="/assets/js/tool.js"></script>

    
  <link rel="stylesheet" href="/assets/css/page.css" />
  <link rel="stylesheet" href="/assets/css/sidebar.css" />
  <link rel="stylesheet" href="/assets/css/footer.css" />


    <title>梦的博客</title>
  </head>
  <body>
    <div class="container">
      <aside>
        
  <div class="sidebar">
  <header>梦的博客</header>
  <div class="info">
    <div class="avatar">
      <img src="https://cdn.jsdelivr.net/gh/xmy6364/blog-image/img/pixelartoc_1.png" alt="头像">
    </div>
    <div class="author">xmy6364</div>
    <div class="description">想要成为大佬</div>
    <div class="about">
      <a href="/about">about me.</a>
    </div>
  </div>
  <div class="links">
    <ul>
    
      <li class="links-item">
        <a href="https://github.com/xmy6364" target="_blank">
          <i class="fa fa-github-alt" aria-hidden="true"></i>
        </a>
      </li>
    
      <li class="links-item">
        <a href="tencent://message/?uin=1176281967" target="_blank">
          <i class="fa fa-qq" aria-hidden="true"></i>
        </a>
      </li>
    
    </ul>
  </div>
  <nav>
    <ul>
    
      <li class="nav-item">
        <a href="/archives">
          <span class="nav-item__count">33</span>
          <span class="nav-item__label">归档</span>
        </a>
      </li>
    
      <li class="nav-item">
        <a href="/categories">
          <span class="nav-item__count">2</span>
          <span class="nav-item__label">分类</span>
        </a>
      </li>
    
      <li class="nav-item">
        <a href="/tags">
          <span class="nav-item__count">45</span>
          <span class="nav-item__label">标签</span>
        </a>
      </li>
    
    </ul>
  </nav>
  <div class="catalogue" id="catalogue"></div>
</div>

      </aside>
      <main>
        
  <div class="post-list">
  
  <div class="post-item" style="--i: 0">
  <div class="post-item__title">
  <a href="/categories/技术/UseTypescriptAndReactToCNode">
    使用Typescript和React重构CNode社区
  </a>
</div>
<div class="post-item__desc">
  <p class="post-item__desc-date">
    <i class="fa fa-calendar" aria-hidden="true"></i>
    2020/07/05
  </p>
  <p class="post-item__desc-category">
    <i class="fa fa-folder-o" aria-hidden="true"></i>
    <a href="/categories">
      技术
    </a>
  </p>
</div>
<div class="post-item__abstract">
  <p class="post-item__abstract-content"><p>一个React和Typescript的练手项目，后台调用CNode社区提供的API，功能基本完成，演示网站部署在<a href="https://www.netlify.com/">netlify</a>。</p>
<p>等以后水平提高了会考虑重构本项目，并且增加移动端适配。</p>
</p>
  <p class="more" style="display:none;">
    <a href="/categories/技术/UseTypescriptAndReactToCNode">查看更多</a>
  </p>
</div>
<div class="post-item__tags">
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    TypeScript
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    React
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    React-Router
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    React-Hooks
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    CNode
  </a>
  
</div>

  </div>
  
  <div class="post-item" style="--i: 1">
  <div class="post-item__title">
  <a href="/categories/技术/LeetCode1">
    LeetCode刷题记录（1）
  </a>
</div>
<div class="post-item__desc">
  <p class="post-item__desc-date">
    <i class="fa fa-calendar" aria-hidden="true"></i>
    2020/04/19
  </p>
  <p class="post-item__desc-category">
    <i class="fa fa-folder-o" aria-hidden="true"></i>
    <a href="/categories">
      技术
    </a>
  </p>
</div>
<div class="post-item__abstract">
  <p class="post-item__abstract-content"><p>使用语言: JavaScript。</p>
<p>从简单题开始写的，只放上了代码，没有写思路。</p>
</p>
  <p class="more" style="display:none;">
    <a href="/categories/技术/LeetCode1">查看更多</a>
  </p>
</div>
<div class="post-item__tags">
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    LeetCode
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    算法
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    JavaScript
  </a>
  
</div>

  </div>
  
  <div class="post-item" style="--i: 2">
  <div class="post-item__title">
  <a href="/categories/技术/TypeScriptObserver">
    TypeScript实现设计模式——观察者模式
  </a>
</div>
<div class="post-item__desc">
  <p class="post-item__desc-date">
    <i class="fa fa-calendar" aria-hidden="true"></i>
    2020/04/16
  </p>
  <p class="post-item__desc-category">
    <i class="fa fa-folder-o" aria-hidden="true"></i>
    <a href="/categories">
      技术
    </a>
  </p>
</div>
<div class="post-item__abstract">
  <p class="post-item__abstract-content"><p><strong>观察者模式</strong>是一种行为设计模式，允许一个对象将其状态的改变通知其他对象。</p>
<p>观察者模式提供了一种作用于任何实现了订阅者接口的对象的机制， 可对其事件进行订阅和取消订阅。</p>
</p>
  <p class="more" style="display:none;">
    <a href="/categories/技术/TypeScriptObserver">查看更多</a>
  </p>
</div>
<div class="post-item__tags">
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    TypeScript
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    设计模式
  </a>
  
</div>

  </div>
  
  <div class="post-item" style="--i: 3">
  <div class="post-item__title">
  <a href="/categories/技术/TypeScriptStrategy">
    TypeScript实现设计模式——策略模式
  </a>
</div>
<div class="post-item__desc">
  <p class="post-item__desc-date">
    <i class="fa fa-calendar" aria-hidden="true"></i>
    2020/03/21
  </p>
  <p class="post-item__desc-category">
    <i class="fa fa-folder-o" aria-hidden="true"></i>
    <a href="/categories">
      技术
    </a>
  </p>
</div>
<div class="post-item__abstract">
  <p class="post-item__abstract-content"><blockquote>
<p>策略模式（Strategy）：它定义了算法家族，分别封装起来，让它们之间可以互相替换，此模式让算法的变化不会影响到使用算法的客户。</p>
<p>——《大话设计模式》</p>
</blockquote>
</p>
  <p class="more" style="display:none;">
    <a href="/categories/技术/TypeScriptStrategy">查看更多</a>
  </p>
</div>
<div class="post-item__tags">
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    TypeScript
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    设计模式
  </a>
  
</div>

  </div>
  
  <div class="post-item" style="--i: 4">
  <div class="post-item__title">
  <a href="/categories/技术/TypeScriptFactory">
    TypeScript实现设计模式——工厂模式
  </a>
</div>
<div class="post-item__desc">
  <p class="post-item__desc-date">
    <i class="fa fa-calendar" aria-hidden="true"></i>
    2020/03/20
  </p>
  <p class="post-item__desc-category">
    <i class="fa fa-folder-o" aria-hidden="true"></i>
    <a href="/categories">
      技术
    </a>
  </p>
</div>
<div class="post-item__abstract">
  <p class="post-item__abstract-content"><p>上回用typescript实现了单例模式，这回来实现工厂模式。工厂模式又分为简单工厂模式、工厂方法模式以及抽象工厂模式。</p>
</p>
  <p class="more" style="display:none;">
    <a href="/categories/技术/TypeScriptFactory">查看更多</a>
  </p>
</div>
<div class="post-item__tags">
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    TypeScript
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    设计模式
  </a>
  
</div>

  </div>
  
  <div class="post-item" style="--i: 5">
  <div class="post-item__title">
  <a href="/categories/技术/TypeScriptSingleton">
    TypeScript实现设计模式——单例模式
  </a>
</div>
<div class="post-item__desc">
  <p class="post-item__desc-date">
    <i class="fa fa-calendar" aria-hidden="true"></i>
    2020/03/19
  </p>
  <p class="post-item__desc-category">
    <i class="fa fa-folder-o" aria-hidden="true"></i>
    <a href="/categories">
      技术
    </a>
  </p>
</div>
<div class="post-item__abstract">
  <p class="post-item__abstract-content"><p>最近在学习设计模式，又正好刚上手了typescript，就想要用ts实现一下试试。</p>
</p>
  <p class="more" style="display:none;">
    <a href="/categories/技术/TypeScriptSingleton">查看更多</a>
  </p>
</div>
<div class="post-item__tags">
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    typescript
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    设计模式
  </a>
  
</div>

  </div>
  
  <div class="post-item" style="--i: 6">
  <div class="post-item__title">
  <a href="/categories/技术/nodespidercsdn">
    nodejs爬虫--抓取CSDN某用户全部文章
  </a>
</div>
<div class="post-item__desc">
  <p class="post-item__desc-date">
    <i class="fa fa-calendar" aria-hidden="true"></i>
    2020/02/11
  </p>
  <p class="post-item__desc-category">
    <i class="fa fa-folder-o" aria-hidden="true"></i>
    <a href="/categories">
      技术
    </a>
  </p>
</div>
<div class="post-item__abstract">
  <p class="post-item__abstract-content"><p>最近正在学习node.js，就像搞一些东西来玩玩，于是这个简单的爬虫就诞生了。</p>
</p>
  <p class="more" style="display:none;">
    <a href="/categories/技术/nodespidercsdn">查看更多</a>
  </p>
</div>
<div class="post-item__tags">
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    JavaScript
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    Node.js
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    爬虫
  </a>
  
  <a href="/tags">
    <i class="fa fa-tag" aria-hidden="true"></i>
    Web Crawler
  </a>
  
</div>

  </div>
  
</div>
<div class="pagination">
  <ul>
  
    <li class="prev">
      <a href="/page/2">上一页</a>
    </li>
  
    <li class="">
      <a href="/page/1">1</a>
    </li>
  
    <li class="">
      <a href="/page/2">2</a>
    </li>
  
    <li class="current">
      <a href="/page/3">3</a>
    </li>
  
    <li class="">
      <a href="/page/4">4</a>
    </li>
  
    <li class="">
      <a href="/page/5">5</a>
    </li>
  
    <li class="next">
      <a href="/page/4">下一页</a>
    </li>
  
  </ul>
</div>

        <footer>
        
  <div class="footer">
  
  <div class="theme">
    博客主题为 <a href="https://github.com/xmy6364/CoinRailgun">CoinRailgun</a> 默认主题
  </div>
  <div class="copyright">
    <span>© 2019-2021 xmy6364.</span>
    <span>Powered by <a href="https://github.com/xmy6364/CoinRailgun">CoinRailgun</a></span>
  </div>
</div>

        </footer>
      </main>
    </div>
  </body>
</html>
